/*
 * @Author: 吴世扬 18368095041@163.com
 * @Date: 2024-09-05 16:05:50
 * @LastEditors: 吴世扬 18368095041@163.com
 * @LastEditTime: 2024-09-24 11:51:23
 * @FilePath: /react18-vite-admin/src/components/ui/Hamburger/Hamburger.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons';

import './Hamburger.scoped.scss';

const Hamburger = (props: { isActive: boolean; onClick: () => void }) => {
    const { isActive, onClick } = props;
    return (
        <div
            className="px-[15px] flex items-center justify-center color-[var(--el-text-color-regular)]"
            onClick={onClick}
        >
            {isActive ? (
                <MenuFoldOutlined className="cursor-pointer" />
            ) : (
                <MenuUnfoldOutlined className="cursor-pointer" />
            )}
        </div>
    );
};

export default Hamburger;
